<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色新增页面</title>
<script src="js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="css/bootstrap.min.css">  
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(function(){

    // 请求数据体
    var requestData = {
        'roleName' : $('#roleName').val(), // 通过id查找标签元素，val()获取该标签元素的值
        'roleCode' : $('#roleCode').val(),
        'roleSort' : $('#roleSort').val(),
        'roleType' : $('#roleType').val(),
        'roleDesc' : $('#roleDesc').val(),
        'remark' : $('#remark').val()
    };

	$("#add").click(function(){
		$.ajax({
			url:"/api/v1/role",
			type:"POST",
            data: JSON.stringify(requestData), // data:发送数据，JSON.stringify()转成json字符串
            crossDomain: true, // 跨域，即不同域名、端口号可以访问
            contentType: 'application/json; charset=utf-8',  // 请求体数据格式 json字符串
			success:function(d){
				//alert("ok")
				if(d['status']==500){
					alert(d['data']);
				}
				if(d['status']==200){
					alert("新增成功");
					window.opener.location.href = window.opener.location.href;
					window.close();
				}
			},
			error:function(){},
			dataType:"json"
		}); 
	}); 
	
});
</script>
</head>
<body>
	<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<table class="table">
				<thead>
					<tr><td colspan="2">新增角色</td></tr>
				</thead>
				<tbody>
					<tr>
						<td>
							角色名称：
						</td>
						<td>
							<input type="text" id="roleName"/>
						</td>
					</tr>
					<tr class="success">
						<td>
							角色代码：
						</td>
						<td>
							<input type="text" id="roleCode"/>
						</td>
					</tr>
					<tr class="error">
						<td>
							序号：
						</td>
						<td>
							<input type="text" id="roleSort"/>
						</td>
					</tr>
					<tr>
						<td>
							角色类型：
						</td>
						<td>
							<input type="text" id="roleType" /><span id="warn"></span>
						</td>
					</tr>
					<tr>
						<td>
							角色描述：
						</td>
						<td>
							<input type="text" id="roleDesc" /><span id="warn"></span>
						</td>
					</tr>
					<tr>
						<td>
							备注：
						</td>
						<td>
							<input type="text" id="remark" /><span id="warn"></span>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<button id="add" class="btn btn-primary btn-small" type="button" style="margin-top: 10px">新增</button>
						</td>					
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
</body>
</html>